<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/login_qianduan/css/bootstrap.min.css">
    <style>
        #main {
            background: url('/login_qianduan/1.png') no-repeat;
            background-size: 100%;
            background-position-y: 0px;
            position: relative;
        }

    </style>
</head>

<body>
    <div id="main" style="height:700px;">
        <div class="container" style="width: 400px;border-radius: 10px;position: absolute;right:
        98px;top:268px;">
            <form id="loginForm" th:action="@{/login}" method="post" class="form-signin" role="form">
                <h2 class="form-signin-heading" style="color:red;font-size: 20px"><i class="glyphicon glyphicon-log-in"></i> 登录界面</h2>
                <div style="width: 300px;height: 1px; margin: 10px 0 40px; color: red; border: 1px solid red;"></div>

                <div class="form-group has-warning has-feedback" style="margin-bottom: 30px;width: 80%">
                    <input style="border:1px solid red" type="text" class="form-control" id="username" name="userId" placeholder="请输入登录账号" autofocus>
                    <span class="glyphicon glyphicon-user form-control-feedback" style="color:red"></span>
                </div>
                <div class="form-group has-warning has-feedback" style="margin-bottom: 40px;width: 80%">
                    <input style="border:1px solid red ;margin-top:10px;" type="password" class="form-control" id="password" name="userPwd" placeholder="请输入登录密码" >
                    <span class="glyphicon glyphicon-lock form-control-feedback" style="color:red"></span>
                </div>


<!--                <div class="checkbox text-left">-->
<!--                    <label>-->
<!--                        <input type="checkbox" id="remember">记住密码-->
<!--                    </label>-->
<!--                    <a style="margin-left: 200px" href="#">忘记密码?</a>-->
<!--                </div>-->
                <button type="submit" class="btn btn-danger col-sm-4">登录</button>
                <div class="col-sm-2"></div>
<!--                <button id="registerButton" class="btn btn-primary col-sm-5">快速登录</button>-->
<!--                <button class="btn btn-primary col-sm-5" id="faceloginpage" onclick="javascript:window.location.href='/login/jumpGetface'">刷脸登录</button>-->
            </form>
            <form th:action="@{/login/jumpGetface}" method="post">
                <button type="submit" class="btn btn-primary col-sm-4" >刷脸登录</button>
            </form>
            <br/><br/>
            <div class="form-group"><p th:text="${msg}" style="color:red"></p></div>
        </div>
    </div>
    <div class="container">

    </div>
</body>

</html>